<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>导航条</title>
	<style>
		.site-r a {
			color: red;		
		}

		.nav ul li a{
			color: orange;

		}

		.nav, .sitenav {
			font: 14px "微软雅黑";
		}
		/* 伪类选择器 */
		/* 为访问的链接颜色 */
		a:link; {
			color: #333;
		}

		h1 {
			display: block;
			height: 200px;
			width: 200px;
			background: blue;
		}

	</style>
</head>
<body>
	<h1>123123123</h1>
	<div class="nav">
		<ul>
			<li><a href="#">公司首页</a></li>
			<li><a href="#">公司简介</a></li>
			<li><a href="#">公司产品</a></li>
			<li><a href="#">联系我们</a></li>
		</ul>
	</div>
	<!-- 侧导航栏 -->
	<div class="sitenav">
		<div class="site-l">左侧侧导航栏</div>
		<div class="site-r"><a href="#">登录</a></div>	
	</div>
</body>
</html>